<template lang="">
    <!-- 动态面包屑 从路由中获取数据 
       1. 获取路由数据中的中文标题
       2. 遍首页写死 后面需要动态获取
       3. 点击上级节点时候 因为父级路由灭有页面，因此白屏，所以访问父级路由时，跳转到第一个子节点
    -->
  <el-breadcrumb separator="|">
    <el-breadcrumb-item :to="{ path: '/index' }">首页</el-breadcrumb-item>
    <el-breadcrumb-item
     :to="{ path: item.path }"  
     :key="item.name"
     v-for="item in router.currentRoute.value.matched"
     >{{ item.meta.title }}</el-breadcrumb-item>
    
    <!-- <el-breadcrumb-item>
      <a href="/">promotion management</a>
    </el-breadcrumb-item> -->
   
  </el-breadcrumb>
</template>

<script setup lang="ts">
import  {useRouter} from  'vue-router'
const router = useRouter()
console.log('打印路由：',router)  //路由对象
 
</script>

<style lang="">
    
</style>